<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p:nth-last-child(1) {
            background: red;
        }

        /*p:nth-child(2) {*/
        /*background: green;*/
        /*}*/

        span:nth-last-child(4) {
            background: blue;
        }
    </style>
</head>
<body>
<div>
    <!--
         E：nth-last-child(n)
            E          标签名；
            n          第几个，从1开始；
            从E标签的父级找(倒着找)第n个标签，并且这个标签必须是E；
    -->
    <p>red</p>
    <span>green</span>
    <p>blue</p>
    <span>yellow</span>
    <p>pink</p>
</div>
</body>
</html>